<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-store" />
<meta http-equiv="Expires" content="0" />

<link rel="stylesheet" th:href="@{/webjars/bootstrap/css/bootstrap.min.css}"/>
<title>代码生成器</title>

<style type="text/css">
html,body{
	margin:0px;
	padding:0px;
	height: 100%;
}
</style>
</head>
<body style="overflow: hidden;">
	<div style="padding-top: 5px;margin-bottom: 5px">
		<button type="button" style="margin-left: 30px;" class="btn btn-primary format">格式化</button>
	</div>
	<div style="height: calc(100vh - 38px);">
		<div style="padding: 5px;height: 100%;float: left;width: 50%">
			<textarea name="sql" style="width: 100%;height: 100%;border: 1px solid #e4e2e2;border-radius: 4px;padding: 5px;"></textarea>
		</div>
		<div id="formatSql" style="margin: 5px 5px 5px 0px;height: calc(100vh - 48px);float: left;width: calc(50% - 5px);border: 1px solid #e4e2e2;overflow: auto;border-radius: 4px;padding: 5px;">

		</div>
	</div>
</body>

<script type="text/javascript" th:src="@{/webjars/jquery/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/webjars/jquery-ui/jquery-ui.min.js}"></script>
<script type="text/javascript" th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/plugins/bootstrap/alert.js}"></script>
<script type="text/javascript" th:src="@{/scripts/tools/sql/format/index.js}"></script>
</html>